<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/ssb/include/common-base.jsp"%>
  <title>会员管理</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/ssb/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/ssb/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
	  			<div id="div_hidden_content" class="hidden" style="display:none;">
	  			    <input name="templateType" type="hidden" value="all"/>
					<div id="hidden_common_final">
						<!-- temp="hidden_common_final" start -->
						<input name="mainObjName" type="hidden" value="uctUser">
						<input name="mainObjPrimaryKey" type="hidden" value="userId">
						<input name="objNameAll" type="hidden" value="uctUser">
						<!-- temp="hidden_common_final" end -->
					</div>
					<!-- temp="delForm_hidden" start -->
					<div id="delForm_hidden" style="display:none;">
						<input type="hidden" name="pageName" value="user-list"/>
						<input type="hidden" name="formName" value="delForm"/>
					</div>
					<!-- temp="delForm_hidden" end -->
	  			</div>
      <div class="row">
        <div class="col-xs-12">
        
          <!------搜索  start ------->
          <div class="box box-info">
             <!--搜索title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-search"></i> 会员管理搜索</h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
            <!--搜索title  end --> 
            <div class="box-body">
            	<form id="searchForm" action="javascript:;">
	            	<!-- temp="searchForm_hidden" start -->
	            	<div id="searchForm_hidden">
						<input type="hidden" name="pageName" value="user-list"/>
						<input type="hidden" name="formName" value="searchForm-new"/>
						<input type="hidden" name="uctUser.w_userType" value="member"/>
						<input type="hidden" name="uctUser.w_sysEname" value="ssb"/>
                        <c:if test="${loginUser.userType=='broker'}">
							<input type="hidden" name="uctUser.w_orgId" value="${loginUser.userId}"/>
						</c:if>
						<input type="hidden" name="orderBy" value="uctUser.create_time desc"/>
					</div>
					<!-- temp="searchForm_hidden" end -->
					
	              	<!-- temp="searchForm_content" start -->
				<div id="searchForm_content" class="form-group"  data-temp-code="true" data-temp-type="searchForm" data-temp-form-id="searchForm">
					<table class="table table-bordered bordercolor">
						<tbody>
						<tr>
							<td class="active" align="right"><label class="form-control-static">会员姓名：</label></td>
							<td>
								<div class="form-group"><input name="uctUser.wl_userCname" class="form-control clean"
															   maxlength="30" data-temp-obj="uctUser.userCname"></div>
							</td>
							<td class="active" align="right"><label class="form-control-static">手机号：</label></td>
							<td>
								<div class="form-group"><input name="uctUser.wl_mobile" class="form-control clean"
															   maxlength="30" data-temp-obj="uctUser.mobile"></div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
				<!-- temp="searchForm_content" end -->
			  	</form>
			  <div class="box-footer text-center">
			       <button type="button" class="btn btn-success" onclick="getTableData();" data-temp-event="searchForm_hidden"><i class="fa fa-search"></i> 查询</button> 
			       <button type="button" class="btn btn-warning" onclick="mytools.cleanData('#searchForm');">重置 </button>
			   </div>
            </div>
	     </div>
	     <!------- 搜索 end -------->
           
        <!------- 列表 start -------->
          <div class="box box-success">
            <!--列表title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-table"></i> 查询结果 
<%--                 	<button id="button_to_add" onclick="toAdd();" class="btn btn-success" type="button"><i class="fa fa-plus-circle"></i> 测试增加 </button>--%>
                    <c:if test="${loginUser.userType=='broker'}">
                     <button onclick="toCheckUser();" class="btn btn-success" type="button"><i class="fa fa-plus-circle"></i> 关联会员 </button>
                    </c:if>
                     <c:if test="${loginUser.userType!='broker'}">
                         <span class="f10 fx8"><i class="fa fa-info-circle"></i>当前登录账户是管理员，故查询全部会员！</span>
                     </c:if>
                 </h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
			  <div class="box-body">
              	 	<table id="dataList" class="table table-bordered table-hover">
              	 		<thead>
		                	<tr id="dataList_thead_content" data-temp-code="true" data-temp-type="table" data-temp-show="dataList_template_content">
			                	<th>序号</th>
			                	<!-- temp="dataList_thead_content" start -->

											<th data-temp-obj="uctUser.userCname">会员姓名</th>
											<th data-temp-obj="uctUser.mobile">会员手机</th>
											<th data-temp-obj="uctUser.orgEname">所属渠道商</th>
											<th data-temp-obj="uctUser.createTime">创建时间</th>
											<th>操作</th>
				<!-- temp="dataList_thead_content" end -->
		                	</tr>
	                	</thead>
		                <tbody id="dataList-body">
		                	
		                </tbody>
	              </table>
            	</div>
           	 	
           	 	<div class="box-footer text-center">
			      	<ul id="dataList-page" class="pagination">
					</ul>
			 	</div>              
           </div>
        <!------- 列表 end -------->
        </div>
      </div>
		<div win-title="选择会员窗口" class="modal fade" id="my_modal_checkuser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">选择会员窗口</font>&nbsp;<font class="red f12">[以下是无渠道商会员列表]</font>
						</h4>
					</div>

					<div class="modal-body">

						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" >
							</ul>

							<!-- tab content start -->
							<div class="tab-content">
								<form id="checkuser-form" action="javascript:;">
									<input type="hidden" name="pageName" value="user-list"/>
									<input type="hidden" name="formName" value="searchForm-new"/>
									<input type="hidden" name="uctUser.w_userType" value="member"/>
									<input type="hidden" name="uctUser.w_orgId" value="0"/>
									<input type="hidden" name="orderBy" value="uctUser.create_time desc"/>
								</form>
								<div class="tab-pane active">
									<table id="checkuser-table" class="table table-bordered table-hover">
										<thead>
										<tr >
											<th>序号</th>
											<th data-temp-obj="uctUser.userCname">会员姓名</th>
											<th data-temp-obj="uctUser.mobile">会员手机</th>
											<th>选用操作</th>
										</tr>
										</thead>
										<tbody id="checkuser-body">

										</tbody>
									</table>
									<div class="box-footer text-center">
										<ul id="checkuser-page" class="pagination">
										</ul>
									</div>
								</div>


							</div>
							<!-- tab content e -->
						</div>

					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>

		<div win-title="添加窗口" class="modal fade" id="my_modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息添加</font> 
						</h4>
					</div>

					<div class="modal-body">
						
					       <div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-add">
					            </ul>
					              
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabAdd_1">
					                  <form class="form-horizontal addFormBody" role="form" id="addForm1" action="javascript:void(0)">
					                    <input type="hidden" class="formToken" id="addForm1_formToken" name="formToken" />
					                    <!-- temp="addForm1_hidden" start -->
									<div id="addForm1_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="user-list"/>
										<input type="hidden" name="formName" value="addForm"/>
										<input type="hidden" name="uctUser.userType" value="member"/>
										<input type="hidden" name="uctUser.sysEname" value="ssb"/>
										<input type="hidden" name="uctUser.delStatus" value="0"/>
										<input type="hidden" name="uctUser.userScore" value="20"/>
										<input type="hidden" name="uctUser.regSource" value="web"/>
										<input type="hidden" name="uctUser.orgId" value="0"/>
										<input type="hidden" name="uctUser.orgEname" value="无"/>
										<input type="hidden" name="uctUser.userStatus" value="1"/>
										<input type="hidden" name="uctUser.userPass"  value="" />
									</div>
				<!-- temp="addForm1_hidden" end -->
										
					                    <!-- temp="addForm1_content" start -->
											<div id="addForm1_content" data-temp-code="true" data-temp-type="addForm" data-temp-form-id="addForm1">

												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">登录账号：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userEname" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userEname" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">会员手机：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.mobile"  maxlength="11" class="form-control clean" maxlength="30" data-temp-obj="uctUser.mobile" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">登录密码：</label></td>
														<td><div class="form-group"><input type="password" name="userPass1" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userPass" data-type-tag="password" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空"></div></td>
														<td class="active" align="right"><label class="form-control-static">确认密码：</label></td>
														<td><div class="form-group"><input type="password" name="userPass2" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userPass" data-type-tag="password" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空"></div></td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">会员昵称：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userTitle" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userCname" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">会员姓名：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userCname" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userTitle" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
															</div>
														</td>
													</tr>
													</tbody>
												</table>
											
										</div>
				<!-- temp="addForm1_content" end -->
										
					                    
					                    <div class="form-group">
								        	<div class="col-sm-12">
									         <div class="box-footer text-center">
												<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_add');"> 取消 </button>
				                				<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('addForm1','');" data-temp-event="addForm1_hidden"> 提 交 </button>
					            			</div>
				            				</div>
				            			</div>
				            			
					                  </form>
					               </div>
					          
				            </div>
					            <!-- tab content e -->
				          </div>	
			                
					</div>
				</div>
				<!-- /.modal-content -->
			</div>		
</div>  

<div win-title="修改窗口" class="modal fade" id="my_modal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息修改</font> 
						</h4>
					</div>
					<div class="modal-body">
						 <div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-edit">
					            </ul>
					            
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabEdit_1">
					                  <form class="form-horizontal editFormBody" role="form" id="editForm1" action="javascript:void(0)">
									    <input type="hidden" class="formToken" id="editForm1_formToken" name="formToken" />
									    <!-- temp="editForm1_hidden" start -->
									<div id="editForm1_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="user-list"/>
										<input type="hidden" name="formName" value="editForm"/>
												<input type="hidden" name="uctUser.w_userId" data-name="uctUser.userId" class="uctUser_userId clean">
									</div>
				<!-- temp="editForm1_hidden" end -->
										
										<!-- temp="editForm1_content" start -->
				<div id="editForm1_content">


					


												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">登录账号：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userEname" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userEname" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.userEname">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">会员手机：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.mobile" class="form-control clean" maxlength="30" data-temp-obj="uctUser.mobile" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.mobile">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">登录密码：</label></td>
														<td><div class="form-group"><input type="password" name="userPass1" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userPass" data-type-tag="password" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.userPass"></div></td>
														<td class="active" align="right"><label class="form-control-static">确认密码：</label></td>
														<td><div class="form-group"><input type="password" name="userPass2" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userPass" data-type-tag="password" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.userPass"></div></td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">会员昵称：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userTitle" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userCname" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.userCname">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">会员姓名：</label></td>
														<td>
															<div class="form-group"><input name="uctUser.userCname" class="form-control clean" maxlength="30" data-temp-obj="uctUser.userTitle" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="uctUser.userTitle">
															</div>
														</td>
													</tr>
													</tbody>
												</table>
											
				</div>
				<!-- temp="editForm1_content" end -->
																                    
					                    <div class="form-group">
								        	<div class="col-sm-12">
									         <div class="box-footer text-center">
												<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_edit');"> 取消 </button>
				                				<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('editForm1','');" data-temp-event="editForm1_hidden"> 提 交 </button>
					            			</div>
				            				</div>
				            			</div>
					                  </form>
					               </div>
					          
				            </div>
					            <!-- tab content e -->
				          </div>	
					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>  

<div win-title="查看窗口" class="modal fade" id="my_modal_view" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">查看详情</font> 
						</h4>
						<form id="viewForm" action="javascript:void(0)">
							<!-- temp="viewForm_hidden" start -->
							<div id="viewForm_hidden" style="display:none;"></div>
							<!-- temp="viewForm_hidden" end -->
						</form>
					</div>
					<div class="modal-body viewForm">
						
						<div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-view">
					            </ul>
					            
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabView_1">
					                  <form class="form-horizontal" role="form" id="viewForm1" action="javascript:void(0)">
					              		
					              		<!-- temp="viewForm1_content" start -->
				<div id="viewForm1_content" class="row viewForm">
					


												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">登录账号：</label></td>
														<td class="w280">
															<div class="form-control-static"><span data-name="uctUser.userEname"></span>
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">会员手机：</label></td>
														<td>
															<div class="form-control-static"><span data-name="uctUser.mobile"></span>
															</div>
														</td>
													</tr>
													<tr>

														<td class="active" align="right"><label class="form-control-static">会员姓名：</label></td>
														<td>
															<div class="form-control-static"><span data-name="uctUser.userCname"></span>
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">所属渠道商：</label></td>
														<td>
															<div class="form-control-static"><span data-name="uctUser.orgEname"></span>
															</div>
														</td>
													</tr>
													<!--
													<tr>
														<td class="active" align="right"><label class="form-control-static">会员昵称：</label></td>
														<td>
															<div class="form-control-static"><span data-name="uctUser.userTitle"></span>
															</div>
														</td>
													</tr>-->
													</tbody>
												</table>
											
				</div>
				<!-- temp="viewForm1_content" end -->
					                    
					                  </form>
					                  <div class="form-group">
                                        <div class="col-sm-12">
                                         <div class="box-footer text-center">
                                            <button class="btn btn-success pull-right" type="button" onclick="mytools.closeModal('my_modal_view');"> 关闭 </button>
                                        </div>
                                        </div>
                                      </div>
					               </div>
					               
					          
				            </div>
					            <!-- tab content e -->
				          </div>
					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>

<!-- Part 二、以下是template模板定义的模块区域 -->
<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
			<!-- temp="dataList_template_content" start -->
				<td style='display:none;'><input type="hidden" name="input_primaryKey" obj-name="uctUser" primary="userId" value="<?=strUtil.doNull(rows[i].uctUser.userId,'')?>"/></td>
				<td><?=strUtil.doNull(rows[i].uctUser.userCname,'')?></td>
<%--				<td><?=strUtil.doNull(rows[i].uctUser.userTitle,'')?></td>--%>
				<td><?=strUtil.doNull(rows[i].uctUser.mobile,'')?></td>
				<td><?=strUtil.doNull(rows[i].uctUser.orgEname,'')?></td>
				<td><?=getFormatDateByLong(rows[i].uctUser.createTime,'yyyy-MM-dd hh:mm:ss')?></td>
				<!-- temp="dataList_template_content" end -->
              <td>
				<button type="button" class="btn btn-success btn-xs" onclick="toLoad(this,'view')"><i class="fa fa-search-plus"></i> 查看</button>  
				<button type="button" class="btn btn-warning btn-xs" onclick="toDele('<?=rows[i].uctUser.userId?>','remove');"><i class="fa fa-remove"></i> 取消关联</button>
			  <?if(loginUser_sysFlag=='2'){?>
			  	 <button type="button" class="btn btn-danger btn-xs" onclick="toDele('<?=rows[i].uctUser.userId?>','del');"><i class="fa fa-trash-o"></i> 删除</button>
			  <?}?>
			</td>
		</tr>
   <?}?>  		
</script>
<script type="text/template" id="checkuser-template">
<? for ( var i = 0; i < rows.length; i++) {?>
<tr>
	<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
	<td><?=strUtil.doNull(rows[i].uctUser.userCname,'')?></td>
<%--	<td><?=strUtil.doNull(rows[i].uctUser.userTitle,'')?></td>--%>
	<td><?=strUtil.doNull(rows[i].uctUser.mobile,'')?></td>
	<td>
		<input type="radio" value="<?=rows[i].uctUser.userId?>"
			   user-id="<?=rows[i].uctUser.userId?>" user-ename="<?=rows[i].uctUser.userEname?>"
			   onclick="addUserByMy(this)" name="check-radio-userinfo"/> 选用
	</td>
</tr>
<?}?>
</script>
<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "member-list";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
var login_userId='${loginUser.userId}',login_userCname='${loginUser.userCname}';
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 
 $(function () {
	//设置数据行选中效果
	$('#'+dataListId+' tbody').on('click','tr', function (e) {
	     if ( $(this).hasClass('selected') ) {
	        }
	        else {
	            $('tr.selected').removeClass('selected');
	            $(this).addClass('selected');
	        }
	     //var id = $('tr.selected th').eq(0).html();
	} );
 });
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
	autoclose: true
}).on('hide',function(e) {
	//bootstrap datepicker与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决方法
	//当日期选择框关闭时，执行刷新校验。
	var fieldName = $(this).attr("name");//获取当前元素name
	var formId = $(this).parents("form").eq(0).attr("id");//获取当前元素所在父层级中的就近的formId
    $("#"+formId).data('bootstrapValidator').updateStatus(fieldName,'NOT_VALIDATED',null).validateField(fieldName);
});

//给模态窗口内form表单内的所有支持必填项的元素注入校验
$(".modal").on('shown.bs.modal', function () {
	$(this).find("form").each(function(){
		var formId = $(this).attr("id");
		if(!strUtil.isNull(formId)){
			formId="#"+formId;
		 	setValidate(formId);//定义add表单验证属性
			mytools.cleanValidate(formId);//清空上次校验规则提示
		}
	});
});

//打开添加modal
function toAdd(){
	mytools.cleanData(".addFormBody");//清空表单元素上次填写的内容；
	$(".datepicker").val("");
	$("#my_modal_add").modal("show");
}
//打开选择用户modal
function toCheckUser(){
	getTableDataUser();
	$("#my_modal_checkuser").modal("show");

}
//加载未分配的会员
function getTableDataUser() {
	var index_load = layer.load(1, {shade: false});
	$.ajax({
		type:'get',
		url:common_list_url,
		data:$("#checkuser-form").serialize()+getCurrentPage(common_list_url+"?"+$("#checkuser-form").serialize(),myPage),
		dataType:'json',
		success: function(myData){
			console.log('checkuser',myData);
			layer.close(index_load);
			var data = baidu.template("checkuser-template",eval(myData));
			$("#checkuser-body").html(data);
			var option= {
				ele:$("#checkuser-page")[0],
				total:myData.total,
				fn:getTableDataUser,
				url:common_list_url+"?"+$("#checkuser-form").serialize()
			}
			generatePages(option);
		}
	});
}
//保存选中的会员，更改其org信息
//添加选用的管理员到，系统用户关系表中。
function addUserByMy(obj) {
	var index_submit = layer.confirm('您确定要选择关联此会员吗？', {btn: ['Yes','No'],closeBtn: 0,offset: '220px'}
	, function(){
				var userId = $(obj).attr('user-id');
				var paramData = {};
				paramData["pageName"]="user-list";
				paramData["formName"]="editForm";
				paramData["uctUser.w_userId"]=userId;
				paramData["uctUser.orgId"]=login_userId;
				paramData["uctUser.orgEname"]=login_userCname;
				var index_load = layer.load(1, {shade: false});
				$.ajax({
					type:"post",
					url:common_submit_url,
					data: paramData,dataType:"json",
					success: function(myData){
						layer.close(index_load);
						var result = myData.flag;
						if(result=="T"){
							layer.msg("添加成功！");
							mytools.closeModal('my_modal_checkuser');
							refresh();
						}else{
							layer.alert("添加失败！");
						}
					}
				});
	});
}
//数据toLoad读取（查看、编辑）数据
function toLoad(obj,type){
	if("view"==type){
		$("#my_modal_view").modal("show");
	}else if("edit"==type){
		mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
		$("#my_modal_edit").modal("show");
	}
	var paramLoadData = {};
	var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
	paramLoadData["pageName"]=$("#searchForm").find("input[name='pageName']").val();
	paramLoadData["formName"]=$("#searchForm").find("input[name='formName']").val();
	if(inputPrimaryObj.length>0){
        for(var k=0;k<inputPrimaryObj.length;k++){
            var pkobj=$(inputPrimaryObj[k]);
            paramLoadData[pkobj.attr("obj-name")+".w_"+pkobj.attr("primary")]=pkobj.val();
        }
		$.get(common_info_url, paramLoadData,function(myData){
			console.log(myData);
			//反显加载数据
			if(myData){
				for(var objNameKey in myData){
					FormUtil.loadView(objNameKey, myData[objNameKey],"#my_modal_"+type);
				}
			}
	   	},"json");
	}
}
//删除选用关系
function toDele(userId,type){
	var tis = "取消关联";
	if(type=='del'){
		tis = "删除信息";
	}
	var index_submit = layer.confirm("您确定要"+tis+"吗？", {btn: ["Yes","No"],closeBtn: 0,offset: "220px"}
	, function(){
		layer.close(index_submit);
		var paramData = {};
		paramData["pageName"]='user-list';
		paramData["uctUser.w_userId"]=userId;
		if(type=='remove'){
			paramData["formName"]='editForm';
			paramData["uctUser.orgId"]='0';
			paramData["uctUser.orgEname"]='无';
		}else{
			paramData["formName"]='delForm';
		}

		$.ajax({
			type:"post",
			url:common_submit_url,
			data: paramData,dataType:"json",
			success: function(myData){
				var result = myData.flag;
				if(result=="T"){
					refresh();
				}else{
					layer.alert("删除失败！");
				}
			}
		});
	});
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
		   dataType:'json',
		   success: function(myData){
		   	console.log(myData);
		   	if("T"==myData.flag){
				myData.loginUser_sysFlag='${loginUser.sysFlag}';
			    var data = baidu.template(dataListId+"-template",eval(myData));
				$("#"+dataListId+"-body").html(data);
				  var option= {
						   ele:$("#"+dataListId+"-page")[0],
						   total:myData.total,
						   fn:getTableData,
						   url:common_list_url+"?"+$("#"+searchFormId).serialize()
					   }
					generatePages(option);

			   }
		    layer.close(index_load);
		   }
		});
  }


//提交tab1表单数据
function submitForm1(formId,tabId){
	//校验规则-表单提交时触发
	var validate = $('#'+formId).data('bootstrapValidator').validate();
	if(!validate.isValid()){ //如果校验不通过就返回
	    return;  
	}
	if("addForm1"==formId || "editpassForm1"==formId){
		var userPass1 = $('#'+formId).find("input[name='userPass1']").val();
		var userPass2 = $('#'+formId).find("input[name='userPass2']").val();
		if(userPass1!=userPass2){
			layer.alert("两次输入密码不一致！", {closeBtn: 0 });
			$('#'+formId).find("input[name='userPass2']").val("");
			return;
		}

		$('#'+formId).find("input[name='uctUser.userPass']").val(userPass1.md5());
	}
	var index_submit = layer.confirm('您确定要保存信息吗？', {btn: ['Yes','No'],closeBtn: 0,offset: '220px'}
	, function(){
		var result = submitForm(formId,tabId);
		if(result){
			layer.alert("提交成功！", {closeBtn: 0 });
      		mytools.closeModal("my_modal_add");
      		mytools.closeModal("my_modal_edit");
      		refresh();
		
    		
      		setToken();
    		if(!strUtil.isNull(tabId)){
      			$('.nav-tabs a[href=\"#'+tabId+'\"]').tab('show'); // Select tab by name 
      		}
	  	}
	});
	
 }
//提交表单数据
function submitForm(formId,tabId){
	var result;
	var index_load = layer.load(1, {shade: false});
	$.ajax({
	    type:'post',
	    url:common_submit_url,
	    data:$("#"+formId).serialize(),
	    async:false,
	    dataType:'json',
	    success: function(myData){ 
	     console.log(myData);
	        if(myData.flag=="T"){
	        	result = myData;
	    	}else{
	    		setToken();
	     		layer.alert(myData.msg);
	    	}
	        layer.close(index_load);
	  	},
	     error: function (e) {
		     layer.close(index_load);
     	} 
	});	
	return result;
}

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


/**** Part 四、以下是自定义新增方法  ****/
//1.定义校验规则-定义
function setValidate(id){
	$(id).each(function(){
		$(this).bootstrapValidator({
		    feedbackIcons: {
		        valid: 'glyphicon glyphicon-ok',
		        invalid: 'glyphicon glyphicon-remove',
		        validating: 'glyphicon glyphicon-refresh'
		    },/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
		 	fields:{
		 		/** 可自定义新增验证规则
		    	"uctUser.userEname":{
		    		 validators: {
		    			 regexp: {
		    				 regexp: /^[0-9]+$/,
		                      message: '只能是数字'
		                  }
		              }
		    	}
		    	**/
				}
		});
	});
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/ssb/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>












